<template>
	<view>
		<view class="tui-mybg-box">
			<view class="top-bar">
				<view class="navbar" @tap="back">
					<image class="white-arrow-left"
						src="">
					</image>
					<view class="nav-title" style="color: rgb(255, 255, 255);">提现记录</view>

				</view>
			</view>
			<view class="yui-red-fot">
				<view class="yui-red-fot-block">
					<view class="yui-red-fot-block-number">{{cashSum}}</view>
					<view class="">已提现总收益</view>
				</view>
			</view>
		</view>

		<view class="page-content">

			<view class="u-sticky-wrap">
				<view class="yui-team-blocks">
					<view class="item-list-block" v-for="(item, index) in dataList" :key="index" v-if="dataList">
						<view class="item-info">
							<view class="item-info-span">
								<image src="/static/images/common/pay.png" mode="widthFix" class="item-info-span-img">
								</image>
							</view>
							<view class="item-info-span">
								<view class="item-info-span-type">
									{{accountData[item.bank_type].name}}
								</view>
								<view class="item-info-text">
									提现类型
								</view>
							</view>
							<view class="item-info-span">
								<view class="item-info-span-type">
									{{item.cash}}
								</view>
								<view class="item-info-text">
									提现金额
								</view>
							</view>
							<view class="item-info-span">
								<view class="item-info-span-type">
									{{item.ask_for_date}}
								</view>
								<view class="item-info-text">
									提现时间
								</view>
							</view>
							<view class="item-info-span">

								<view class="item-info-button item-select-yellow" v-if="item.status==0">
									审核中
								</view>
								<view class="item-info-button item-select-yellow" v-else-if="item.status==1">
									提现成功
								</view>
								<view class="item-info-button item-select-gray" v-else>
									提现失败
								</view>

							</view>
						</view>

					</view>
					<view v-if="dataList==''" class="item-list-block">
						<tui-no-data :fixed="false" imgUrl="/static/images/nodata/nodata.png" size="12">暂无数据
						</tui-no-data>
					</view>
				</view>
			</view>


		</view>
	</view>
</template>

<script>
	import tabNav from '@/components/tabNav.vue';
	export default {
		components: {
			tabNav,
		},
		onLoad: function(options) {
			let obj = {};
			// #ifdef MP-WEIXIN
			obj = wx.getMenuButtonBoundingClientRect();
			// #endif
			// #ifdef MP-BAIDU
			obj = swan.getMenuButtonBoundingClientRect();
			// #endif
			// #ifdef MP-ALIPAY
			my.hideAddToDesktopMenu();
			// #endif

			uni.getSystemInfo({
				success: (res) => {
					this.width = obj.left || res.windowWidth;
					this.height = obj.top ? (obj.top + obj.height + 8) : (res.statusBarHeight + 44);
					this.top = obj.top ? (obj.top + (obj.height - 32) / 2) : (res.statusBarHeight + 6);
					this.scrollH = res.windowWidth * 0.6
				}
			})
		},
		onShow() {
			// #ifndef MP-WEIXIN
			this.tui.haslogin();
			if (this.tui.isLogin()) {
				this.init();
			}
			// #endif
			// #ifdef MP-WEIXIN
			if (this.tui.getToken()) {
				this.init();
			}
			//#endif



		},
		data() {
			return {
				account: '',
				showSkeleton: false,
				type: '',
				redCodeTrue: false,
				selectIndex: 0,
				redSum:0,
				cashSum:0,
				fenSum:0,
				dataList: [],
				pageIndex: 1,
				
				
				accountData: [{
						'index': 0,
						'name': '银行卡',
					},
					{
						'index': '/static/images/common/bank.png',
						'name': '银行卡',
					},
					{
						'index': '/static/images/common/alipay.png',
						'name': '支付宝',
					},
					{
						'index': '/static/images/common/weacht.png',
						'name': '微信',
					},
				]
			}
		},
		methods: {
			init() {
				this.pageIndex = 1;
				let token = this.tui.getToken();
				let datas = {
					token: token,
				};
				let account = this.tui.request('user', 'post', datas, 1000, 1, '', 'userAccount');
				Promise.resolve(account).then((value) => {
					if (value.code == 200) {
						this.account = value.data;
					} else {
						this.tui.toast(value.message);
					}
				})
				let datass = {
					token: token,
					limit: 20,
					page: this.pageIndex,
				};
				let withdraw = this.tui.request('user', 'post', datass, 1000, 1, '', 'withdrawalRecord');
				Promise.resolve(withdraw).then((value) => {
					if (value.code == 200) {
						this.dataList = value.data.data;
						this.cashSum=value.data.cashSum;
					}
				})


			},

			back() {
				uni.navigateBack();
			},

			togglePopup() {
				this.type = '';
			},
			tips() {
				this.type = 'middle-img'
			},
			selectRed(index) {
				this.selectIndex = index
			},

		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		onPullDownRefresh() {
			// setTimeout(() => {
			// 	uni.stopPullDownRefresh()
			// }, 200)
		},

		onReachBottom: function() {
			this.loadding = true
			setTimeout(() => {
				this.loadding = false
				this.pullUpOn = false
			}, 1000)

			let token = this.tui.getToken();
			this.pageIndex = this.pageIndex + 1;

			let datas = {
				token: token,
				page: this.pageIndex,
			};

			let accoutList = this.tui.request('user', 'post', datas, 1000, 1, '', 'withdrawalRecord');
			Promise.resolve(accoutList).then((value) => {
				if (value.code == 200) {
					if (value.data.data) {
						this.dataList = this.dataList.concat(value.data.data);
					}
				} else {
					this.tui.toast(value.message);
				}
			})
		}
	}
</script>

<style>
	
	.yui-red-box {
		text-align: center;
		color: #fff;
		padding-top: 160rpx;
	}

	.yui-red-box-number {
		text-align: center;
		display: flex;
		justify-content: space-around;
		font-size: 40rpx;
		position: relative;
	}

	.item-select-yellow {
		background: #f3bf48 !important;
		color: #fff;
	}

	.item-select-gray {
		background: #d8dedf !important;
		color: #fff;
	}

	.yui-red-fot {
		padding-top: 140rpx;
		font-size: 24rpx;
		color: #f3f3f3;
		opacity: 0.96;
		display: flex;
		justify-content: space-around;
	}

	.yui-red-box-number-tips {
		position: absolute;
		top: -10rpx;
		right: -40rpx;
	}

	.yui-red-fot-block {
		text-align: center;
		line-height: 40rpx;

	}

	.tui-phcolor {
		font-size: 26rpx;
	}

	.item-info-button {
		color: #fff;
		border-radius: 40rpx;
		font-size: 24rpx;
		padding: 10rpx 20rpx;
		background: linear-gradient(180deg, #4987f6, #608aef);
	}

	.item-info-span-img {
		width: 80rpx;
		height: 80rpx;
	}

	.red-select {
		background: #5096f2;
		color: #fff !important;
		border: 2rpx solid #5096f2;
	}

	.yui-team-blocks {
		width: 100%;
		margin-top: 100rpx;
		border-radius: 20rpx;

	}

	.item-info {
		position: relative;
		display: flex;
		box-sizing: border-box;
		align-items: center;
		justify-content: space-between;
		font-size: 24rpx;
		padding: 20rpx 0;
	}

	.item-info-text {
		display: block;
		text-align: center;
		padding-top: 4rpx;
		color: #a9a9b1;
	}

	.item-info-span-type {
		text-align: center;
		color: #6e6e6f;
		font-weight: bold;
	}

	.yui-red-code-status {
		background: linear-gradient(90deg, #f5c53c, #f5b350);
		color: #fff;
		line-height: 40rpx;
		padding: 20rpx;
		margin: 20rpx;
		border-radius: 8rpx;
		font-size: 24rpx;
		text-align: center;
	}

	.red-select .yui-red-list-block-text {
		color: #fff;
	}

	.yui-red-list {
		display: flex;
		margin: 0 20rpx;
		justify-content: space-around;
	}

	.yui-red-button {
		padding: 10rpx;

		background: linear-gradient(180deg, #4987f6, #608aef);
		color: #fff;
		text-align: center;
		font-size: 28rpx;
		margin: 20rpx;
		height: 60rpx;
		margin-top: 40rpx;
		line-height: 60rpx;
		border-radius: 10rpx;
		margin-bottom: 40rpx;
	}

	.yui-red-button-list {
		padding: 10rpx;

		background: linear-gradient(180deg, #4987f6, #608aef);
		color: #fff;
		text-align: center;
		font-size: 28rpx;
		margin: 20rpx;
		height: 60rpx;
		margin-top: 40rpx;
		line-height: 60rpx;
		border-radius: 10rpx;
		margin-bottom: 40rpx;
	}

	.yui-red-list-block {
		border: 2px solid #1595f1;
		padding: 14rpx 0rpx;
		width: 24%;
		margin: 6rpx;
		text-align: center;
		color: #1595f1;
		border-radius: 10rpx;
	}

	.yui-red-list-block-text {
		text-align: center;
		font-size: 24rpx;
		color: #c9d3ea;
	}

	.yui-red-fot-block-number {
		font-weight: bold;
		font-size: 26rpx;
	}

	.item-list-block {
		background: #fff;
		margin-bottom: 20rpx;
		color: #333333;
		padding: 10rpx 24rpx;
		border-radius: 20rpx;
		box-shadow: 0 2rpx 14rpx 0 rgba(191, 191, 191, 0.2);
	}

	.yui-red-price {
		margin: 20rpx;
		background: #ebecec;
		font-size: 26rpx;
		border-radius: 8rpx;
		padding: 16rpx;
	}

	.yui-red-list-block-number {
		font-weight: bold;
		font-size: 28rpx;
	}

	.yui-red-popbox {
		background: linear-gradient(180deg, #5e89ff, #78c1f8);
		width: 500rpx;
		/* min-height: 470rpx; */
		padding-bottom: 60rpx;
		color: #fff;
		border-radius: 20px;
		z-index: 1000;
	}

	.yui-red-popclose {
		width: 64rpx;
		height: 64rpx;
	}

	.yui-red-popbox-title {
		text-align: center;
		font-size: 30rpx;
		padding-top: 60rpx;
		color: #fff;
		font-weight: bold;
	}

	.yui-red-input {
		font-size: 24rpx;
	}

	.yui-notice-popbox-close {
		right: 43%;
		bottom: -100rpx;
		z-index: 1000;
		position: absolute;
	}

	.yui-red-popbox-content {
		padding: 40rpx;
		font-size: 26rpx;
		line-height: 50rpx;
	}

	.yui-red-popbox-button {
		background: linear-gradient(240deg, #8c17f1, #3172ff 0, #3aaaff 100%);
		color: #fff;
		width: 200rpx;
		padding: 20rpx;
		border-radius: 40rpx;
		font-size: 30rpx;
		text-align: center;
		margin: 0 auto;

	}

	.yui-red-popclose {
		width: 64rpx;
		height: 64rpx;
	}

	/* #ifdef APP-PLUS*/
	.top-bar {
		position: absolute;
		top: 40rpx;
		left: 0;
		width: 100%;
		z-index: 99;
	}

	/* #endif */
	/* #ifndef APP-PLUS */
	.top-bar {
		position: absolute;
		top: 0rpx;
		left: 0;
		width: 100%;
		z-index: 99;
	}

	/* #endif*/
	.navbar {
		height: 44px;
		width: 100%;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		position: relative;
	}

	.white-arrow-left {
		width: 8px;
		height: 16px;
		margin-left: 17px;
	}

	.tui-header-box {
		width: 100%;
		padding: 0 30rpx 0 20rpx;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 32px;
		transform: translateZ(0);
		z-index: 9999;
	}

	.wallet_block {
		top: -372rpx;
		display: flex;
		height: 400rpx;
		margin: 15rpx;
		position: relative;
		justify-content: space-between;
	}

	.wallet_block_ads {
		width: 100%;
		margin: 0 10rpx;
		height: 200rpx;
	}

	.tui-header-boxs {
		width: 100%;
		padding: 0 30rpx 0 20rpx;
		box-sizing: border-box;
		z-index: 9999;
		padding-top: 70rpx;
	}

	.yui-header-setting {
		position: absolute;
		right: 30rpx;
		top: 100rpx;
	}

	.yui-store-level {
		border-radius: 20rpx;
		background: #fed204;
		color: #cc8c3e;
		display: flex;
		justify-content: space-around;
		font-size: 20rpx;
		padding: 2rpx 16rpx;
		margin-left: 10rpx;
	}

	.tui-slide-image {
		border-radius: 20rpx;
		width: 100%;

	}

	.yui-wallet-icon {
		width: 52rpx;
	}

	.yui-wallet-block-span-icon {
		width: 100rpx;
	}

	.yui-store-level-icon {
		width: 36rpx;
		height: 36rpx;
		margin-right: 6rpx;
	}

	.yui-wallet-list {
		color: #333333;
		padding: 20rpx 20rpx 40rpx 20rpx;
		text-align: center;
		display: flex;
		justify-content: space-around;
	}

	.yui-wallet-list-block {}

	.yui-wallet-list-block-number {
		font-weight: bold;
	}

	.yui-wallet-list-block-text {
		font-size: 24rpx;
		margin-top: 10rpx;
		color: #767676;
	}

	.yui-wallet-list-fot {
		background-image: linear-gradient(to bottom right, #f4f8f8, rgba(56, 144, 255, 0.1));
		height: 110rpx;
		border-bottom-left-radius: 20rpx;
		border-bottom-right-radius: 20rpx;
		display: flex;
		justify-content: space-around;
	}

	.yui-wallet-list-fot-block {
		padding: 20rpx 20rpx 10rpx 20rpx;
		text-align: center;
		color: #444;
	}

	.yui-wallet-list-fot-block-name {
		text-align: center;

		font-size: 24rpx;
	}

	.yui-wallet-list-fot-block-num {
		font-weight: normal;
		font-size: 22rpx;
	}

	.yui-wallet-list-fot-block-name-price {
		font-size: 22rpx;
	}

	.yui-wallet-list-fot-block-number {
		font-weight: bold;
		padding-top: 8rpx;
		color: #444;
	}

	.yui-container-box {
		padding-bottom: 10rpx;
	}

	.yui-wallet-list-block-wallet {
		margin-top: -7rpx;
		font-size: 24rpx;

		color: #a1a1a1;
	}

	.yui-wallet-block {
		border-radius: 20rpx;
		background-image: linear-gradient(to bottom right, #fe3527, #fe0a0a);
		display: flex;
		margin: 30rpx 0rpx 0rpx 0rpx;
		/* background: #fff; */

		padding: 20rpx;
		justify-content: space-around;
		box-shadow: 0 3rpx 20rpx rgba(183, 183, 183, 0.1);
	}

	.yui-red-box-number-block {
		position: relative
	}

	.yui-box-block-span-number-tips {

		width: 32rpx;

		z-index: 10000;
		height: 32rpx;
	}

	.yui-header-block {
		background: #fff;
		margin: 0 30rpx 0rpx 30rpx;
		border-radius: 10rpx;
		margin-top: 10rpx;
		padding-bottom: 30rpx;
		/* height: 320rpx; */
		color: #000;
		box-shadow: 0 3rpx 20rpx rgba(183, 183, 183, 0.1);
		position: relative;

	}

	.nav-title {
		color: #000;
		position: absolute;
		font-size: 16px;
		/* font-weight: 600; */
		top: 13px;
		left: 52%;
		line-height: 17px;
		margin-left: -34px;
	}

	.yui-wallet-list-block-number-pes {
		font-size: 22rpx;
		margin-right: 4rpx;
	}

	.yui-wallet-list-block-number-price {
		font-size: 38rpx;
	}

	.page-content {
		position: relative;
		margin: 0 26rpx;
		/* background: #fff; */
		border-radius: 40rpx;
		top: -73px
	}

	.yui-footer {
		position: fixed;
		bottom: 120rpx;
		font-size: 24rpx;
		width: 100%;
		color: #cbcfd0;
		left: 0;
	}

	.yui-footer-copyright {
		text-align: center;
	}

	.tui-activity-img {
		width: 100%;
		border-radius: 10rpx;
		display: block;
	}

	.yui-box-block {
		display: flex;
		justify-content: space-around;
		color: #fff;
		text-align: center;
		margin: 0 40rpx;
		margin-top: 36rpx;
	}

	.yui-box-block-span {}

	.yui-box-block-span-number {
		text-align: center;
		font-weight: bold;
		font-size: 34rpx;
		margin-bottom: 10rpx;
	}

	.yui-box-block-span-text {
		font-size: 24rpx;
		color: #f7f7f7
	}

	.banners {
		padding: 0 30rpx;
		/* margin-top: 40rpx; */
		display: block;
		text-align: center;
		margin: 0 auto;
		position: relative;
		top: -24px;
		margin-bottom: 40rpx;

	}

	/* #ifndef MP */
	.tui-header-icon {
		min-width: 120rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	/* #endif */
	/* #ifdef MP */
	.tui-set-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}


	/* #endif */
	.tui-tool-box {
		margin-top: 20rpx;

	}

	.tui-tool-boxs {

		padding: 4rpx;
	}

	.tui-icon-box {
		position: relative;
	}

	.tui-activity-box {
		margin-top: 20rpx;
	}

	.tui-icon-message {
		width: 42rpx;
		height: 42rpx;
	}

	.tui-icon-messages {
		width: 40rpx;
		height: 40rpx;
	}

	.tui-icon-message-img {
		width: 100%;
	}

	.level_icon {
		font-size: 20rpx;
		color: #724f0c;
		padding: 2rpx 8rpx;
		border-radius: 20rpx;
		margin-left: 10rpx;
		background-image: linear-gradient(to bottom left, #fed204, #fefae7);
	}

	.tui-icon-setup {
		margin-left: 8rpx;
	}

	.tui-badge {
		position: absolute;
		font-size: 24rpx;
		height: 32rpx;
		min-width: 20rpx;
		padding: 0 6rpx;
		border-radius: 40rpx;
		right: 4rpx;
		top: -10rpx;
		transform: scale(0.8) translateX(60%);
		transform-origin: center center;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 10;
	}

	.tui-badge-red {
		background: #fff;
		color: #F74D54;
	}

	.tui-badge-blue {
		background: #fff;
		color: #5cb2ff;
	}

	.tui-badge-white {
		background: #fff;
		color: #F74D54;
	}

	.tui-badge-dot {
		position: absolute;
		height: 12rpx;
		width: 12rpx;
		border-radius: 50%;
		right: -12rpx;
		top: 0;
		background: #F74D54;
	}

	.yui-img-lm {
		width: 40rpx;

	}

	.tui-mybg-box {
		width: 100%;
		height: 290rpx;
		position: relative;
		background-image: linear-gradient(to bottom left, #fe3705, #fe4b15);
		background-size: 100%;
		position: relative;
	}

	.tui-my-bg {
		width: 100%;
		height: 344rpx !important;
		display: block;
	}

	.tui-header-center {
		width: 100%;
		/* left: 14rpx; */

		color: #fff;
		padding: 0 30rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}

	.tui-avatar {
		flex-shrink: 0;
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
		display: block;
	}

	.tui-info {
		width: 60%;
		padding-left: 20rpx;
		margin-top: 0rpx;

	}

	.tui-nickname {
		font-size: 28rpx;
		font-weight: bold;
		/* color: #fff; */
		display: flex;
		align-items: center;
	}

	.tui-img-vip {
		width: 56rpx;
		height: 24rpx;
		margin-left: 18rpx;
	}

	.tui-explain {
		width: 80%;
		font-size: 24rpx;
		font-weight: 400;
		/* color: #fff; */
		opacity: 0.75;
		padding-top: 8rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.tui-btn-edit {
		flex-shrink: 0;
		padding-right: 22rpx;
	}

	.tui-header-btm {
		width: 100%;
		padding: 20rpx 0rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		/* color: #fff; */
	}

	.tui-btm-item {
		flex: 1;
		color: #000;
		display: flex;
		text-align: center;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.tui-btm-num {
		font-size: 34rpx;
		font-weight: 600;
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		position: relative;
	}

	.tui-btm-text {
		font-size: 24rpx;
		color: #2c2c2c;
		text-align: center;
		display: flex;
		justify-content: space-between;
		padding-top: 4rpx;
	}

	.tui-btm-text-icon {
		width: 60rpx
	}

	.tui-btm-text-span {
		font-weight: 500;
		font-size: 26rpx;
	}

	.tui-content-box {
		width: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;
		position: relative;
		border-radius: 20rpx;
		top: -202rpx;
		z-index: 10;
	}

	.tui-box {
		width: 100%;
		background: #fff;
		box-shadow: 0 3rpx 20rpx rgba(183, 183, 183, 0.1);
		border-radius: 20rpx;
		/* overflow: hidden; */
	}

	.tui-order-box {
		height: 208rpx;
	}

	.tui-cell-header {
		width: 100%;
		height: 74rpx;
		padding: 0 26rpx;
		margin-bottom: 10rpx;
		position: relative;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.tui-cell-title {
		font-size: 28rpx;
		line-height: 30rpx;
		padding-top: 20rpx;
		padding-left: 10rpx;
		font-weight: 600;
		color: #5b5b5b;
	}

	.tui-cell-sub {
		font-size: 26rpx;
		font-weight: 400;
		color: #999;
		padding-right: 28rpx;
	}

	.tui-order-list {
		width: 100%;
		height: 134rpx;
		/* padding: 0 30rpx; */
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;

	}

	.tui-order-item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.tui-order-text,
	.tui-tool-text {
		font-size: 26rpx;
		font-weight: 400;
		color: #666;
		padding-top: 8rpx;
	}

	.tui-tool-text {
		font-size: 24rpx;
	}

	.tui-order-icon {
		width: 54rpx;
		height: 54rpx;
		display: block;
	}

	.tui-assets-img-box {

		margin-top: 20rpx;
	}

	.tui-assets-box {
		height: 178rpx;
		margin-top: 20rpx;
	}

	.tui-assets-list {
		height: 84rpx;
	}

	.tui-assets-num {
		font-size: 32rpx;
		font-weight: 500;
		color: #333;
		position: relative;
	}

	.tui-assets-text {
		font-size: 24rpx;
		font-weight: 400;
		color: #666;
		padding-top: 6rpx;
	}

	.tui-tool-box {
		margin-top: 20rpx;
	}

	.tui-flex-wrap {
		flex-wrap: wrap;
		height: auto;
		padding-bottom: 30rpx;
	}

	.tui-tool-item {
		width: 25%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding-top: 30rpx;
	}

	.tui-tool-icon {
		width: 60rpx;
		height: 60rpx;
		display: block;
	}

	.tui-badge-icon {
		width: 66rpx;
		height: 30rpx;
		position: absolute;
		right: 0;
		transform: translateX(88%);
		top: -15rpx;
	}

	/*为你推荐*/
	.tui-product-list {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
		box-sizing: border-box;
	}

	.tui-product-container {
		flex: 1;
		margin-right: 2%;
	}

	.tui-product-container:last-child {
		margin-right: 0;
	}

	.tui-pro-item {
		width: 100%;
		margin-bottom: 4%;
		background: #fff;
		box-sizing: border-box;
		border-radius: 12rpx;
		overflow: hidden;
	}

	.tui-pro-img {
		width: 100%;
		display: block;
	}

	.tui-pro-content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 20rpx;
	}

	.tui-pro-tit {
		color: #2e2e2e;
		font-size: 26rpx;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.tui-pro-price {
		padding-top: 18rpx;
	}

	.tui-sale-price {
		font-size: 34rpx;
		font-weight: 500;
		color: #e41f19;
	}

	.tui-factory-price {
		font-size: 24rpx;
		color: #a0a0a0;
		text-decoration: line-through;
		padding-left: 12rpx;
	}

	.tui-pro-pay {
		padding-top: 10rpx;
		font-size: 24rpx;
		color: #656565;
	}

	.tui-btn-back {
		width: 88rpx;
		height: 88rpx;
		font-size: 26rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, .5);
		color: #fff;
		position: fixed;
		bottom: 60rpx;
		right: 30rpx;
		z-index: 9999;
	}
</style>
